<template>
  <div>子组件 - {{ name }}</div>
</template>

<script>
import { onMounted, ref, computed } from "vue";
export default {
  // setup是有两个参数的
  setup(props, context) {
    // const name2 = ref(props.name);
    // const reverseName = computed(() => props.name.split("").reverse().join(""))

    onMounted(() => {
      console.log(props, context);
      context.emit("abc");
    });
  },
  // 接受props也必须使用props选项,写不进setup的
  props: ["name"],
};
</script>
